<template>
    <div id="apps">
        <div style="color: #999999;margin-left: 1%;">
        <span >政府平台</span><span>></span><span>企业问题管理</span><span>></span><span>评价管理</span>><span>查看评价</span>
        <h3 style="color: black;">评价详细</h3>
        
    </div>
    <div id="pj" style="width: 98%;margin-left: 1%;margin-right: 1%;border: 1px solid #f2f2f2;border-radius: 8px;">
    <h4 style="margin-left: 1%;color: #51d2d2;">回复评价</h4>
    <div style="width: 98%;color: ;margin-left: 1%;margin-right: 1%;border: 1px solid #51d2d2;"></div>
    <span style="margin-left: 1%;color: #666666;">回复满意度：</span><span style="color: #51d2d2;font-weight: 600;">非常满意</span>
    <div style="height: 150px;width: 98%;margin-left: 1%;margin-right: 1%;margin-bottom: 10px;margin-top: 5px;overflow-y: scroll;">
      <span style="color: #666666;">回复评价:</span><span style="font-size: 15px;">针对于政府人员的耐心解决非常感谢。问题答复的很及时，企业的问题第一时间得到了解决，很感动！针对于政府人员的耐心解决非常感谢。问题答复的很及时，企业的问题第一时间得到了解决，很感动！针对于政府人员的耐心解决非常感谢。问题答复的很及时，企业的问题第一时间得到了解决，很感动！针对于政府人员的耐心解决非常感谢。问题答复的很及时，企业的问题第一时间得到了解决，很感动！针对于政府人员的耐心解决非常感谢。问题答复的很及时，企业的问题第一时间得到了解决，很感动！针对于政府人员的耐心解决非常感谢。问题答复的很及时，企业的问题第一时间得到了解决，很感谢。问题答复的很及时，企业的问题第一时间得到了解决，很感动！针对于政府人员的耐心解决非常感谢。问题答复的很及时，企业的问题第一时间得到了解决，很感动！</span>
    </div>
    </div>
    <div style="display: flex;margin-top: 50px;">
      
    <div id="left" style="border-radius: 8px;">
    <div id="content1" style="display: flex;justify-content: space-between;align-items: center;height: 40px;background-color: #dff9ff;border-radius: 8px;margin-top: 20px;margin-left: 1%;margin-right: 1%;" >
        <div style="margin-left: 1%; width: 70%;"><span style="font-size: 25px;margin-right: 1%;">问</span><span style="font-weight: 800;">南关区基础设施扩建项目招标流程是什么？</span></div>
      <div style="margin-right: 1%;width: 30%;"><span style="color: #666666;">待处理问题</span><span style="color: #f4d94a;margin-left: 5%;font-size: 14px;">2019-10-30&nbsp;14:20</span></div>
    </div>
    <div id="content2" style="margin-top: 1%;">
        <div style="margin-left: 2%;"><span style="color: #999999;">问题性质：</span><span>政策咨询</span><span  style="color: #999999;margin-left: 3%;">问题类型：</span><span>项目建设</span></div>
        <div  style="margin-left: 2%;"><span style="color: #999999;">填报人姓名:</span ><span >小学生</span><span  style="color: #999999;margin-left: 4%;">填报人职务：</span><span>媒介</span><span  style="color: #999999;margin-left: 2%;"> 填报人手机：</span><span>18281254806</span><span  style="color: #999999;margin-left: 2%;">填报人固定电话</span><span>15608091651</span></div>
    </div>
   
    <div style="width: 100%;color:#51d2d2;border: 1px solid #51d2d2 ;margin-top: 20px;"></div>
    <h5 style="color: #31cfff;">问题答复</h5>
    <div style="width: 100%;color:#00ccff;border: 1px solid #00ccff ;margin-top: -15px;"></div>
    <div id="content3" style="height: 40px;background-color: #fff4df;width: 98%;margin-top: 20px;border-radius: 8px;line-height: 40px;align-items: center;position: relative;margin-left: 1%;margin-right: 2%;">
      <div style="margin-left: 2%;height: 20px;width: 20px;display: inline-block;position: absolute;top: 10px;" id="tb1" ></div><span style="font-weight: 800;color: #6b6666;margin-left: 6%;">当前处理机构：</span><span style="font-weight: 800;">无</span>
    </div>
    <div id="content4" style="position: relative;">
 <div style="display: flex;align-items: center;font-weight: 600;margin-left: 5%;margin-top: 30px;"><span style="width: 10px;height: 10px;background-color: #00ccff;border-radius: 50%;display: block;"></span><span style="color: #00ccff;margin-left: 1%;">临海市发改委</span><span style="font-weight: 800;">-</span><span>杨宗纬</span><span style="margin-left: 1%;">(</span><span>手机：</span><span>18281254806</span><span>)</span></div>
 <div style="margin-left: 5%;" ><span style="width: 4px;height: 4px;border-radius: 50%;background-color:#d7d7d7;display:block;margin-bottom: 10px;"></span><span style="width: 4px;height: 4px;border-radius: 50%;background-color:#d7d7d7;display:block;margin-bottom: 10px;"></span><span style="width: 4px;height: 4px;border-radius: 50%;background-color:#d7d7d7;display:block;margin-bottom: 10px;"></span><span style="width: 4px;height: 4px;border-radius: 50%;background-color:#d7d7d7;display:block;margin-bottom: 10px;"></span><span style="width: 4px;height: 4px;border-radius: 50%;background-color:#d7d7d7;display:block;margin-bottom: 10px;"></span><span style="width: 4px;height: 4px;border-radius: 50%;background-color:#d7d7d7;display:block;margin-bottom: 10px;"></span><span style="width: 4px;height: 4px;border-radius: 50%;background-color:#d7d7d7;display:block;margin-bottom: 10px;"></span><span style="width: 4px;height: 4px;border-radius: 50%;background-color:#d7d7d7;display:block;margin-bottom: 10px;"></span><span style="width: 4px;height: 4px;border-radius: 50%;background-color:#d7d7d7;display:block;margin-bottom: 10px;"></span><span style="width: 4px;height: 4px;border-radius: 50%;background-color:#d7d7d7;display:block;margin-bottom: 10px;"></span><span style="width: 4px;height: 4px;border-radius: 50%;background-color:#d7d7d7;display:block;margin-bottom: 10px;"></span><span style="width: 4px;height: 4px;border-radius: 50%;background-color:#d7d7d7;display:block;margin-bottom: 10px;"></span><span style="width: 4px;height: 4px;border-radius: 50%;background-color:#d7d7d7;display:block;margin-bottom: 10px;"></span><span style="width: 4px;height: 4px;border-radius: 50%;background-color:#d7d7d7;display:block;margin-bottom: 10px;"></span><span style="width: 4px;height: 4px;border-radius: 50%;background-color:#d7d7d7;display:block;margin-bottom: 10px;"></span></div>
 <div style="position: absolute;top: 30px;left: 8%;"><span style="font-size: 25px;">答</span> <span style="font-size: 15px;">暂无答复</span></div>
    </div>
    </div>
    <div id="right" style="border-radius: 8px;" >
       <ul>
        <li style="width: 98%;margin-left: 1%;margin-right: 1%;height: 30px;border-bottom: 1px solid #f2f2f2;margin-bottom: 10px;"><span style="font-weight: 600;color: #9999a6;">企业名称：</span><span>天津浩宝丰科技有限公司</span></li>
        <li style="width: 98%;margin-left: 1%;margin-right: 1%;height: 30px;border-bottom: 1px solid #f2f2f2;margin-bottom: 10px;"><span style="font-weight: 600;color: #9999a6;">组织机构代码：：</span><span>093567902</span></li>
        <li style="width: 98%;margin-left: 1%;margin-right: 1%;height: 30px;border-bottom: 1px solid #f2f2f2;margin-bottom: 10px;"><span style="font-weight: 600;color: #9999a6;">社会信用证编号：

</span><span>911201110935679022</span></li>
        <li style="width: 98%;margin-left: 1%;margin-right: 1%;height: 30px;border-bottom: 1px solid #f2f2f2;margin-bottom: 10px;"><span style="font-weight: 600;color: #9999a6;">注册资本（万元）：</span><span>5,000,000</span></li>   
         <li style="width: 98%;margin-left: 1%;margin-right: 1%;height: 30px;border-bottom: 1px solid #f2f2f2;margin-bottom: 10px;"><span style="font-weight: 600;color: #9999a6;">企业分级：

</span><span>区属企业</span></li>   
          <li style="width: 98%;margin-left: 1%;margin-right: 1%;height: 30px;border-bottom: 1px solid #f2f2f2;margin-bottom: 10px;"><span style="font-weight: 600;color: #9999a6;">企业分类：</span><span>民营与其它</span></li>   
           <li style="width: 98%;margin-left: 1%;margin-right: 1%;height: 30px;border-bottom: 1px solid #f2f2f2;margin-bottom: 10px;"><span style="font-weight: 600;color: #9999a6;">所属行业：</span><span>服务业</span></li>   
            <li style="width: 98%;margin-left: 1%;margin-right: 1%;height: 30px;border-bottom: 1px solid #f2f2f2;margin-bottom: 10px;"><span style="font-weight: 600;color: #9999a6;">运营状态：</span><span>营业</span></li>   
             <li style="width: 98%;margin-left: 1%;margin-right: 1%;height: 30px;border-bottom: 1px solid #f2f2f2;margin-bottom: 10px;"><span style="font-weight: 600;color: #9999a6;">控股类型：</span><span>集体或私人</span></li>   
              <li style="width: 98%;margin-left: 1%;margin-right: 1%;height: 30px;border-bottom: 1px solid #f2f2f2;margin-bottom: 10px;"><span style="font-weight: 600;color: #9999a6;">单位规模：</span><span>小型</span></li> 
                <li style="width: 98%;margin-left: 1%;margin-right: 1%;height: 30px;border-bottom: 1px solid #f2f2f2;margin-bottom: 10px;"><span style="font-weight: 600;color: #9999a6;">法人代表：</span><span>李天然</span></li> 
                   <li style="width: 98%;margin-left: 1%;margin-right: 1%;height: 30px;border-bottom: 1px solid #f2f2f2;margin-bottom: 5px;"><span style="font-weight: 600;color: #9999a6;">法人手机：</span><span>13702159865</span></li>
       </ul>
    </div>
</div>
    <div id="button" style="display: flex;width: 98%;justify-content: flex-end;margin-top: 10px;margin-bottom: 20px;">
      <button style="border: 0px;background-color: #0099ff;width: 10%;height: 35px;line-height: 20px;display: inline-block;align-items: center;color: white;border-radius: 8px;" @click="close">关闭</button>
</div>
    </div>
</template>

<script>
import { useRoute } from 'vue-router'
import { useRouter } from 'vue-router'
    export default {
        name:"AddReport",
        setup(){
         const route=useRoute();
         const router=useRouter()
         let date1= route.query.name
         const data=JSON.parse(date1)
         console.log(data)
         const close=()=>{
            // console.log(111)
            router.push({path:"/Evaluationmanagementent"})
         }
         return{
            data,
            close,
         }
    }
    }
 
</script>

<style  scoped>
ul{
    list-style: none;
}
#tb1{
    background-image:url(./img/tb1.png);
    background-size: cover;
}
#left{
    width: 65%;
    border: 1px solid  #f2f2f2;
    /* height: 100px; */
    margin-left: 1%;
}
#right{
    width: 34%;
    margin-left: 1%;
    border: 1px solid  #f2f2f2;
    /* height: 100px; */
    margin-right: 1%;
}
#all{
    width: 95%;
    /* border: 1px solid red; */
}
#apps{
    width: 80%;
    /* height: 300px; */
    /* height: 800px; */
    background-color: white;
    /* border: 1px solid red; */
    border-radius: 8px;

}
</style>